<template>
  <select v-model="val" @change="handlerOnChange" :placeholder="placeholder">
      <option v-for="(item, index) in options" :value="item.value" :label="item.label" :key="index"></option>
  </select>
</template>

<script>
export default {
    name: 'kw-select',
    props: {
        value: {
            type: [String, Number, Object]
        },
        options: Array,
        placeholder: String
    },
    data() {
        return {
            val: this.value
        }
    },
    methods: {
        handlerOnChange() {
            this.$emit('input', this.val)
        }
    }
}
</script>

<style>

</style>